<template>
  <div class="foot">
    <!-- <div class="tool">
      <span>
        <router-link target="_blank" to="/help/howtoAlt">
          <img :src="help" />常见问题FAQ
        </router-link>
      </span>
      <span>|</span>
      <span>
        <router-link target="_blank" to="/rule">
          <img :src="user" />用户协议
        </router-link>
      </span>
      <span>|</span>
      <span>
        <router-link to="/">
          <img :src="updated" />更新日志
        </router-link>
      </span>
      <span>|</span>
      <span style="cursor:pointer;" @click="centerDialogVisible = true">
        <img :src="support" />技术支持
      </span>
    </div> -->
    <div style="margin-top:10px">
      <b
        style="color: #686868;font-weight: 600;font-size:14px"
      >Copyright © 2019 Rocky. All rights reserved ICP 证: <a href="http://www.beian.miit.gov.cn" target="_blank">鲁ICP备14015539号-4</a></b>
    </div>
    <el-dialog title="联系方式" :visible.sync="centerDialogVisible" width="30%" center>
      <div class="ddd">
        <span>
          <img :src="phone" />18561007295
        </span>
        <span>
          <img :src="weixin" />13697870659
        </span>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import axios from "axios";
export default {
  name: "foot",
  data() {
    return {
      centerDialogVisible: false,
      phone: "./static/help/phone.png",
      weixin: "./static/help/weixin.png",
      help: "./static/help/help.png",
      user: "./static/help/user.png",
      updated: "./static/help/update.png",
      support: "./static/help/support.png"
    };
  },
  created() {},
  methods: {}
};
</script>

<style lang="scss" scoped>
.foot {
  text-align: center;
  margin-top: 10px;
  padding: 20px;
  font-size: 14px;
  .tool {
    height: 20px;
    line-height: 20px;
  }
  span {
    font-size: 14px;
    vertical-align: middle;
    margin-left: 10px;
    color: #666;
  }
  a {
    color: #666;
  }
  img {
    line-height: 14px;
    height: 14px;
    position: relative;
    margin-right: 5px;
    top: 1px;
  }
}

.ddd {
  margin-bottom: 10px;
  span {
    display: block;
    font-size: 20px;
    text-align: center;
  }
  img {
    position: relative;
    width: 15px;
    margin-right: 5px;
    top: 1px;
  }
}
</style>
